*{
    margin: 0;
    padding: 0;
  
}
html,body{
     width: 100%;
     height: 100%;   
}
body{
    display: flex;
    flex-direction: column;
}
.loginbox{
   
    width: 414px;
    height: 980px;
    background: url('../../assets/imgs/sign-bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    .reg{
        display: block;
        width: 80px;
        height: 28px;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        position: absolute;
        left: 314px;
        top: 29px;
    }
   
        .mmdl{
            width: 112px;
            height: 40px;
            color: #fff;
            font-size: 28px;
            font-weight: bold;
            position: absolute;
            left: 32px;
            top: 82px;
        }
        .zh{
            position: absolute;
            top: 191px;
            left: 32px;
            border: none;
           
            input{
                width: 350px;
                height: 50px;
                border-radius: 25px;
                font-size: 16px;
                text-indent: 2em;
                background-color: rgba(255, 255, 255,0.5);
               
                border: none;
              
            }
        }
        .password{
            position: absolute;
            top: 260px;
            left: 32px;
            border: none;
            color: #fff;
            input{
                width: 350px;
                height: 50px;
                border-radius: 25px;
                font-size: 16px;
                text-indent: 2em;
                background-color: rgba(255, 255, 255, 0.5);
                border: none;
               
            }
        }
        .btn{
            position: absolute;
            top: 329px;
            left: 32px;
            width: 355px;
            height: 50px;
            border-radius: 25px;
            border: none;
            button{
               width: 100%;
               height: 100%;
               border-radius: 25px;
               border: none;
                font-size: 16px;
                color: #fff;
                background-color: rgba(99, 255, 167, 0.5);
            }
        }
    .wj{
        position: absolute;
        top: 407px;
        left: 179px;
        font-size: 14px;
       a{
        color: #fff;
        text-decoration: none;
       }
    }
    .wx{
        position: absolute;
        top: 407px;
     left: 326px;
        font-size: 14px;
       a{
        color: #fff;
        text-decoration: none;
       }
    }
    .bom{
        position: absolute;
        top: 600px;
      
    }
    
}